<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/echarts.min.js"></script>
	</head>
	<body>
		 <div id="main" style="width: 600px;height:400px;"></div>
	</body>
	<script>
	 // 基于准备好的dom，初始化echarts实例
	        var myChart = echarts.init(document.getElementById('main'));
	
	        // 指定图表的配置项和数据
	var option = {
		// title表示图表的标题
		title:{
			show:true,
			text:'本周销售额情况',
			left:'center',
			textStyle:{
				color:'blue',
			},
		},
		// 图例
		legend:{
			show:true,
			left:"10%"
		},
		// 提示框
		tooltip:{
			show:true,
		},
		xAxis: {
			type: 'category',
			data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
		},
		yAxis: {
			type: 'value'
		},
		series: [
			{
			name:"apple",
			data: [820, 932, 901, 934, 1290, 1330, 1320],
			type: 'bar'
		},
		// 配置多个数据项
		{
			name:"pear",
			data: [780, 952, 951, 834, 1360, 1290, 1370],
			type: 'line'
		},
		]
	};

	
	        // 使用刚指定的配置项和数据显示图表。
	        myChart.setOption(option);
	    </script>
</html>
